<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>header</title>
</head>
<body>
<div th:fragment="header">

    <!-- Top Bar
    ================================================== -->
    <div th:replace="fragments/topbar :: topbar"></div>


    <div class="clearfix"></div>


    <!-- Header
    ================================================== -->
    <div class="container">


        <!-- Logo -->
        <div class="four columns">
            <div id="logo">
                <h1><a href="index.html" th:href="@{/index}"><img src="images/logo.png" th:src="@{/images/logo.png}" alt="Trizzy" /></a></h1>
            </div>
        </div>


        <!-- Additional Menu -->
        <div class="twelve columns">
            <div id="additional-menu">
                <ul>
                    <li><a href= "my-account.html" th:href="@{/myAccount}">我的账户</a></li>
                </ul>
            </div>
        </div>


        <!-- Shopping Cart -->
        <div class="twelve columns">

            <div id="cart">

                <!-- Button -->
                <div class="cart-btn">
                    <a th:href="@{/shoppingCart}" class="button adc">购物车</a>
                </div>
                <!--
                <div class="cart-list">

                    <div class="arrow"></div>

                    <div class="cart-amount">
                        <span>2 个商品在购物车</span>
                    </div>

                    <ul>
                        <li>
                            <a href="#"><img src="images/dog_1.jpg" th:src="@{/images/dog_1.jpg}" alt="" /></a>
                            <a href="#">宠物狗<br /> 白色</a>
                            <span>¥79.00 x 1</span>
                            <div class="clearfix"></div>
                        </li>

                        <li>
                            <a href="#"><img src="images/cat_1.jpg" th:src="@{/images/cat_1.jpg}" alt="" /></a>
                            <a href="#">宠物猫<br /> 灰色</a>
                            <span>¥99.00 x 1</span>
                            <div class="clearfix"></div>
                        </li>
                    </ul>

                    <div class="cart-buttons button">
                        <a th:href="@{/shoppingCart}" class="checkout"><span data-hover="Checkout">购物车</span></a>
                    </div>
                    <div class="clearfix">

                    </div>
                </div>-->

            </div>

            <!-- Search -->
            <nav class="top-search">
                <form action="#" method="get">
                    <button><i class="fa fa-search"></i></button>
                    <input class="search-field" type="text" placeholder="查找" value=""/>
                </form>
            </nav>

        </div>

    </div>


    <!-- Navigation
================================================== -->
    <div th:replace="fragments/navigation :: navigation"></div>


</div>
</body>
</html>